<template>
  <view class="map">
    <web-view :src="mapHtml" @message="getData"></web-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      mapHtml: this.$baseFileUrl+"/profile/app/static/html/baidu-map.html"
      // mapHtml: `http://192.168.1.7:8080/profile/app/static/html/baidu-map.html`
      // mapHtml: `/hybrid/html/index.html`
    }
  },
  onLoad({baiduData, lng, lat}) {
    // // 监听小程序向页面发送的消息 -》 来自webview
    //   uni.$u.toast(JSON.stringify(data))

    if(baiduData) {
      // uni.$u.toast(baiduData)
      uni.setStorageSync('mapData',JSON.parse(baiduData))
      uni.navigateBack({delta: 2})
    }

    //携带经纬度
    if(lng && lat){
      this.mapHtml = this.mapHtml + "?lng="+lng+"&lat="+lat
    }
  },
  methods: {

    //app端的监听
    getData(event) {
      // uni.$u.toast(JSON.stringify(event))
      // debugger
      let data = event.detail.data;
      // uni.$u.toast(JSON.stringify(data))
      // console.log(data)
      if(data.length > 0) {
        uni.setStorageSync('mapData', data[0])
      }
      uni.navigateBack()

    }
  },
}
</script>

<style>

</style>
